import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-routes',
  styles: [
    `
      .main-wrapper {
        height: 100vh;
        display: flex;
        background-color: gainsboro;
        min-width: 1200px;
      }
      .side-wrapper {
        height: 100%;
        flex: 0 0 240px;
        overflow-x: auto;
        background-color: white;
        padding: 20px;
      }
      .space {
        flex: 0 0 10px;
        height: 100%;
      }
      .content-wrapper {
        height: 100%;
        flex: 1;
        padding: 20px;
        background-color: white;
        overflow: auto;
      }
    `,
  ],
  template: `
    <div class="main-wrapper">
      <!-- 左侧 -->
      <div class="side-wrapper">
        <!-- <process-menu></process-menu> -->
      </div>
      <div class="space"></div>
      <div class="content-wrapper">
        <!-- <process-graph></process-graph> -->
      </div>
    </div>
  `,
})
export class RoutesComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {}
}
